/**
 * Created by Administrator on 2018/6/8.
 */
$(function () {

    ///*拿到所有的预约区域*/
    var bookDiv = $('.tsg_bg div');
    //var dataValue = "";
    //var timeValue = "";
    //var seatValue = "";

    /*根据当地时间判定星期几然后去除相应的点击事件*/
    var a = new Array("日", "一", "二", "三", "四", "五", "六");
    var week = new Date().getDay();
    var currentDate = "星期" + a[week];

    /*为时段选择注册点击事件 点击成功为黄色*/
    var bookTimeList = $('.tsg_bookMoudle .bookTime');
    var timeP=function(){
        /*如果是小于12时，则显示上午，下午，晚上*/
        if(hours<12){
            bookTimeList.on('click', 'li', function () {
                $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
                timeValue = $(this).context.innerHTML
            });
            console.log('上午')
        }
        if(hours>12&&hours<18){
            bookTimeList.on('click', 'li', function () {
                $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
                timeValue = $(this).context.innerHTML
            });
            $('.hour1').css('display','none')
            console.log('下午')
        }
        if(hours>=18){
            bookTimeList.on('click', 'li', function () {
                $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
                timeValue = $(this).context.innerHTML
            });
            $('.hour1,.hour2').css('display','none')
            console.log('晚上')
        }
    }
    /*判断当前时间（小时）*/
    var myDate = new Date();
    var hours=(myDate.getHours())

    bookDiv.on('click', function () {
        $('.tsg_bookMoudle').css("display", "block").addClass('fadeInDown')
            .addClass('tsg_bookMoudleBlock');
        var bookText = $(this).text();
        bookWhere = bookText;
    });

    /*为X注册点击事件*/
    $('.tsg_bookMoudle .glyphicon-remove').on('click', function () {
        $('.tsg_bookMoudle').css("display", "none")
    });

    /*为个人信息确认按钮注册书剑*/
    $('.btn_sure').on('click',function(){
        $('.tsg_userDetail').css("display", "none")
        alert('预约详情可以查看您的全部预约信息哦')
    })

    /*为日期选择注册点击事件 点击成功为黄色*/
    var bookDataList = $('.tsg_bookMoudle .bookDate');
    /*当天是礼拜一，只为礼拜一和礼拜二注册点击事件，其他的状态为不能选*/
    if (currentDate == '星期一') {
        timeP()
        bookDataList.on('click', '.data1,.data2', function () {
            $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
            dataValue = $(this).context.innerHTML
            timeP()
            console.log(111)
        })
        $('.data3,.data4,.data5,.data6,.data7').css('display','none')
        /*当点击星期二时，时间段全部显示*/
        bookDataList.on('click','.data2',function(){

            $('.hour1,.hour2,.hour3').css('display','block')
        })
    }

    /*当天是礼拜二，只为礼拜二和礼拜三注册点击事件，其他的状态为不能选*/
    if (currentDate == '星期二') {
        timeP()
        bookDataList.on('click', '.data2,.data3', function () {
            $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
            dataValue = $(this).context.innerHTML
            timeP()
            console.log(222)
        })
        $('.data1,.data4,.data5,.data6,.data7').css('display','none')
        /*当点击星期三时，时间段全部显示*/
        bookDataList.on('click','.data3',function(){
            $('.hour1,.hour2,.hour3').css('display','block')
        })
    }

    /*当天是礼拜三，只为礼拜三和礼拜四注册点击事件，其他的状态为不能选*/
    if (currentDate == '星期三') {
        timeP()
        bookDataList.on('click', '.data3,.data4', function () {
            $('.hour1,.hour2,.hour3').removeClass('liBgColor')
            $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
            dataValue = $(this).context.innerHTML
            console.log(333)
           timeP()
        })
        $('.data1,.data2,.data5,.data6,.data7').css('display','none')
        /*当点击星期四时，时间段全部显示*/
        bookDataList.on('click','.data4',function(){
            $('.hour1,.hour2,.hour3').removeClass('liBgColor')
            $('.hour1,.hour2,.hour3').css('display','block')
        })
    }

    /*当天是礼拜四，只为礼拜四和礼拜五注册点击事件，其他的状态为不能选*/
    if (currentDate == '星期四') {
        timeP()
        bookDataList.on('click', '.data4,.data5', function () {
            $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
            dataValue = $(this).context.innerHTML
            timeP()
            console.log(444)
        })
        $('.data1,.data2,.data3,.data6,.data7').css('display','none')
        /*当点击星期五时，时间段全部显示*/
        bookDataList.on('click','.data5',function(){
            $('.hour1,.hour2,.hour3').css('display','block')
        })
    }

    /*当天是礼拜五，只为礼拜五和礼拜六注册点击事件，其他的状态为不能选*/
    if (currentDate == '星期五') {
        timeP()
        bookDataList.on('click', '.data5,.data6', function () {
            $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
            dataValue = $(this).context.innerHTML
            timeP()
            console.log(555)
        })
        $('.data1,.data2,.data3,.data4,.data7').css('display','none')
        /*当点击星期六时，时间段全部显示*/
        bookDataList.on('click','.data6',function(){
            $('.hour1,.hour2,.hour3').css('display','block')
        })
    }

    /*当天是礼拜六，只为礼拜六和礼拜日注册点击事件，其他的状态为不能选*/
    if (currentDate == '星期六') {
        timeP()
        bookDataList.on('click', '.data6,.data7', function () {
            $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
            dataValue = $(this).context.innerHTML
            timeP()
            console.log(666)
        })
        $('.data1,.data2,.data3,.data4,.data5').css('display','none')
        /*当点击星期日时，时间段全部显示*/
        bookDataList.on('click','.data7',function(){
            $('.hour1,.hour2,.hour3').css('display','block')
        })
    }

    /*当天是礼拜日，只为礼拜日和礼拜一注册点击事件，其他的状态为不能选*/
    if (currentDate == '星期日') {
        timeP()
        bookDataList.on('click', '.data7,.data1', function () {
            $(this).addClass("liBgColor").siblings('li').removeClass('liBgColor')
            dataValue = $(this).context.innerHTML
            timeP()
            console.log(777)
        })
        $('.data2,.data3,.data4,.data5,.data6').css('display','none')
        /*当点击星期一时，时间段全部显示*/
        bookDataList.on('click','.data1',function(){
            $('.hour1,.hour2,.hour3').css('display','block')
        })
    }


    /*为座位选择注册点击事件 点击成功为黄色*/
    var bookSeatList = $('.tsg_bookMoudle .bookSeat')
    bookSeatList.on('click', '.seat', function () {
        $(this).addClass("liBgColor").siblings('span').removeClass('liBgColor')
        $(this).css('backgroundColor', 'yellow').siblings(".seat").css('backgroundColor', '#ccc')
        seatValue = $(this).context.innerHTML
    });

    /*提交按钮注册点击事件*/
    var postBtn = $('.tsg_bookMoudle .btn');
    postBtn.on('click', function () {
        /*动态添加一个列表 显示用户 预约的地点 预约的日期，时段，座位号*/
        /*添加用户预约日期*/
        var whereTD = $('.bookSuccess .table_where');
        whereTD.text(bookWhere);
        /*添加用户预约日期*/
        var dateTd = $('.bookSuccess .table_date');
        dateTd.text(dataValue);
        /*添加用户预约时段*/
        var timeTd = $('.bookSuccess .table_time');
        timeTd.text(timeValue);
        /*添加用户预约座位号*/
        var seatTd = $('.bookSuccess .table_seat');
        seatTd.text(seatValue);
        /*显示预约表格 */
        $('.bookSuccess').css("display", "block").addClass('fadeInDown');
        /*关闭表格*/
        $('.bookSuccess .glyphicon-remove').on('click', function () {
            $('.bookSuccess').css("display", "none");
            alert("预约座位成功，可以到个人信息查询哦");
            /*恢复所有默认值*/
            $('.tsg_bookMoudle .bookDate').find('li').removeClass('liBgColor');
            $('.tsg_bookMoudle .bookTime').find('li').removeClass('liBgColor');
            $('.tsg_bookMoudle .bookSeat').find('.seat').removeClass('liBgColor').css('backgroundColor', '#ccc');
        })

        /*个人详细信息模块*/
        /*个人姓名,系别，黑名单 ，积分状态 登录时获取*/
        /*预约地点*/
        var userWhere = $('.tsg_userDetail .user_where');
        userWhere.text(bookWhere);
        /*预约状态*/
        var userStatus = $('.tsg_userDetail .user_statue');
        userStatus.text("成功");
        /*预约日期*/
        var userData = $('.tsg_userDetail .user_date');
        userData.text(dataValue);
        //userCdate=userData.text(dataValue);
        /*预约时段*/
        var userTime = $('.tsg_userDetail .user_time')
        userTime.text(timeValue)
        /*黑名单列表*/
        var userNameList = $('.tsg_userDetail .user_nameList')
        userNameList.text("无")
        //userCtime= userTime.text(timeValue)
        /*预约座位号*/
        var userSeat = $('.tsg_userDetail .user_seat')
        userSeat.text(seatValue)
        //userCseat=userSeat.text(seatValue);
    });
});
